
<html>

    <head>
        <meta charset="utf-8">
    
        <title>订单管理</title>
        <link href="./css/common.css" rel="stylesheet" type="text/css" />
        <link href="./css/bootstrap.css" rel="stylesheet" type="text/css" />
       
       
        <meta name="viewport"
            content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta name="format-detection" content="telephone=no">
        <meta name="renderer" content="webkit" />
        <meta name="force-rendering" content="webkit" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="full-screen" content="yes" />
        <meta name="x5-fullscreen" content="true" />
        <meta name="360-fullscreen" content="true" />
        <meta name="screen-orientation" content="portrait" />
        <meta name="x5-orientation" content="portrait">
        <!--<meta name="browsermode" content="application">-->
        <meta name="x5-page-mode" content="app">
    
    
    
        <style>
            .modal-dialog{
                max-width: 400px;
            }
            .modal-header{
                justify-content: flex-end;
            }
           .input-group-addon{
                width: 80px;
                text-align: right;
            }
           .input{
                border: 1px solid #dcdfe6;
                border-radius: 4px;
                padding: 0 15px;
                margin-left: 10px;
                width: 75%;
           }
           .input:focus {
                border: 1px solid #409eff;
            }
            .select{
            margin-right: 10px;
            font-size: 12px;
            line-height: 12px;
            height: 30px;
        }
        .tabletitbox{
            display: flex;
            justify-content: space-between;
        }
        .wulist{
            text-align: center;
            padding: 10px 0;
            font-size: 12px;
        }

        .orderitem{
            background-color: #F0F0F0;
            border:1px solid #eee;
            color: #606266;
            font-size: 14px;
            margin-top: 10px;
        }
        .orderheader{
            display: flex;
            justify-content:space-between;
        }
        .orderheader>div{
            display: flex;
        }
        .orderheader p{
            margin: 15px;
          
        }
        .todetails{
            color: #409eff;
            cursor: pointer;
        }
        .ordercontent{
            width: 100%;
            display: flex;
            background-color: #fff;
            border: 1px solid #eee;
            border-left: 0 ;
            border-right: 0 ;
        }
        .ordercontent>div{
            width: 33.33%;
            border-right:1px solid #eee;
            padding: 15px;
        }
        .ordercontent p{
            margin-bottom: 5px;
        }
        .ordercontent>div:last-child{
            text-align: right;
            border:0;
        }
        .ordercontent>div:nth-of-type(2) > div{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .ordercontent>div:nth-of-type(2) > div span{
            margin-left: 5px;
        }
        .ordercontent img{
            width: 50px;
            margin-right: 10px;
        }
        .name{
            color: #000;
            font-size: 15px;
        }
        .orderfooter{
            display: flex;
            justify-content: flex-end;
        }
        .orderfooter p{
            padding: 5px 10px;
            border: 1px solid #ccc;
            border-radius: 2px;
            margin: 10px 5px;
            background-color: #fff;
            cursor: pointer;
        }
        .orderfooter .fahuo{
            color: #fff;
            background-color: #409eff;
            border: 1px solid #409eff;
        }
        .tabbox{
            display: flex;
            border-left: 1px solid #ccc;
            color: #606266;
            font-size: 14px;
            border-radius: 2px 2px 0 0;
        }
        .tabbox p{
            padding: 5px 10px;
            margin: 0;
            border: 1px solid #ccc;
            border-left: 0;
            cursor: pointer;
        }
        .tabbox p:last-child{
            border-radius: 0 2px 0 0;
        }
        .tabbox p.click{
            border-bottom: 0;
        }
        .search{
            display: flex;
            align-items: center;
        }
        .search input{
            width: 300px;
            font-size: 12px;
            line-height: 12px;
            border: 1px solid#dcdfe6;
            border-radius: 4px;
            padding: 9px 15px;
            margin-right: 10px;
            margin-bottom: 16px;
        }
        .search input:focus {
            border: 1px solid #409eff;
        }
        .goods{
            display: flex;
            align-items: center;
        }
        .breadLinebox .tabletit{
            justify-content: space-between;
        }
        .xy{
            color: #98E165;
        }
        .dy{
            color: rgb(243, 65, 65);
        }
        .ordercontent > div.between{
            display: flex;
            justify-content: space-between;
        }
        </style>
    
    </head>
    
    <body>
        <!-- <div class='container'></div> -->
    
        <div class="container"></div>
    
        <script src="./js/jquery-1.10.2.min.js"></script>
        <script src="./config/config.js"></script>
        <script src="./js/jquery.cookie.js"></script>
        <script src="./constant/common.js"></script>
        <script src="./constant/constant.js"></script>
        <script src="./js/prop-types.js"></script>
        <script src="./js/MD5.js"></script>
        <script src="./component/pager.jsx" type="text/babel"></script>
        <script src="js/babel.js"></script>
        <script src="./js/react/react.development.js"></script>
        <script src="./js/react/react-dom.development.js"></script>
        <script src="./js/vConsole.js"></script>
        <script src="./component/commoncomp.jsx" type="text/babel"></script>
        <script src="./component/modal.jsx" type="text/babel"></script>
        <script src="./component/loading.jsx" type="text/babel"></script>
        <script src="./component/order.jsx" type="text/babel"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
        
    </body>
    
    
    </html>